/*
 * Copyright 2019 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
=clearfix()
	&:before, &:after
		content: ""
		display: table
	&:after
		clear: both

#templates
	&.view
		height: 400px
		overflow: hidden
		.navigation, .content
			height: 390px
		.navigation
			overflow: hidden
			&:hover
				overflow-y: auto
		.content
			overflow-y: auto
			.section
				clear: both
				padding: 5px 0 0
		h2, h3
			font-weight: normal
		h3
			font-size: 12px
		.summary
			margin-bottom: 3px
			.hint
				height: 14px
				white-space: nowrap
				text-overflow: ellipsis
				overflow: hidden


	.tasks_view_list
		clear: both
		float: none
		> li
			margin-top: 5px
			&:hover
				background-color: #FEFEFE
		li
			@include clearfix
			padding: 4px
			border-bottom: 1px dotted #999
			float: none
			.condition
				background: #F6F6F6
				padding: 3px
				border-radius: 3px
				float: right
				color: #999999
			ul
				background: image_url("andare/component-treenav.png") no-repeat scroll 0 -70px transparent
				float: none
				clear: both
				padding-left: 15px
				li
					border-bottom: none
		code
			clear: both
			color: #999999
			.working_dir
			.command, .arguments, .pipeline, .stage, .job, .source, .destination
				color: #666666
				font-weight: bold

		.plugin-task
			background-color: #f5f5f5
			border-radius: 5px
			padding: 10px
			margin: 15px 0 3px
			float: left
			width: 100%

			h5
				margin-bottom: 10px

			.plugin-name
				font-weight: bold

			.plugin-task-properties
				.plugin-task-property
					@include clearfix
					margin-bottom: 15px

					.plugin-task-key
						float: left
						width: 25%
						margin-right: 3%
						word-break: break-all

						.plugin-task-key-name
							font-weight: bold

					.plugin-task-value
						float: left
						width: 60%
						white-space: pre-wrap
						word-break: break-all
						color: #636363